<template>
  <div class="pagePrint-container">
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="printJs打印" name="1">
        <PrintJsComponent/>
      </el-tab-pane>
      <el-tab-pane label="vue-print-nb打印" name="2">
        <vuePrintNbComponent/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import PrintJsComponent from '@/components/print/printJs/index.vue'
import vuePrintNbComponent from '@/components/print/vuePrintNb/index.vue'
export default {
  name: 'index',
  components:{
    PrintJsComponent,
    vuePrintNbComponent
  },
  data(){
    return {
      activeName: '1',
    }
  },
  methods:{
    handleClick(){

    }
  }
}
</script>

<style lang="scss" scoped>
.pagePrint-container{
  background-color: white;
  min-height: calc(100vh - 190px);
  border-radius: 4px;
  padding: 20px ;
  box-shadow: 0 0 12px rgba(0, 0,0 , 0.05);
}
</style>
